<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<script>
    //一.debug:消除代码中的一些错误。
    // 1.通过控制台进行查看错误。
    // console.log(1);
    // console.log(2);
    // console.log(3);

    // 2.通过控制输出顺序获取错误信息。
    // console.log(1); //如果控制台输出1，这条语句之前都没有问题。
    // alret('hehe');
    // console.log(2); //这条语句之前有问题。

    // 3.各种错误的类型。
    // 引用错误：ReferenceError - 某个变量，函数，对象....找不到(写错了，名称不对)
    // consloe.log(123);
    // 语法错误：SyntaxError - 和js约定的语法规则冲突了。
    // var 1abc = 10;
    // 范围错误：rangeError - 范围错误，约定的数字，字符串格式有冲突
    // var num = 3.1415;
    // console.log(num.toFixed(-2));
    // 类型错误：typeError - 使用不当。
    // 123()

    // 4.断点调试 - 循环，复杂的代码希望查看代码的执行顺序。随时终止代码执行。
    // 通过手动控制循环的执行过程。
    // F10:循环每一步的顺序。  F8:每一次循环的过程  右侧的watch面板添加你要监听的值。
    for (var i = 1, sum = 0; i <= 10; i++) {
        // debugger; //设置断点，程序执行到此等待指挥。
        sum += i;
    }
    alert(sum); //55
</script>